<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path;
%>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>心理测试题</title>

<link rel="stylesheet" type="text/css"
	href="<%=basePath%>/css/customInput.css" />
<link rel="stylesheet" type="text/css"
	href="<%=basePath%>/css/quiz.css" />

<script type="text/javascript"
	src="<%=basePath%>/js/jquery-1.5.2.min.js"></script>
<script type="text/javascript"
	src="<%=basePath%>/js/customInput.jquery.js"></script>
<script type="text/javascript" src="<%=basePath%>/js/quiz.js"></script>
</head>
<body>
	<div class="title">${quizVo.name}</div>
	<hr />

	<form id="quizForm" action="/psytest-webapp/quizRecord" method="post">
		<c:forEach items="${quizVo.questionVos}" var="questionVo">
			<fieldset>
				<legend>${questionVo.questionId}: ${questionVo.content}</legend>
				<c:forEach items="${questionVo.options}" var="option"
					varStatus="status">
					<input type="radio" name="${questionVo.questionId}"
						value="${status.count}"
						id="${questionVo.questionId}${status.count}" />
					<label for="${questionVo.questionId}${status.count}">${option}</label>
				</c:forEach>
			</fieldset>
		</c:forEach>

		<input id="submitBtn" type="button" value="提交试题" />

	</form>
</body>
</html>